<html>
<head>
					<title>Demo</title>
					<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
					<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
					<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
					<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
					 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
					 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
					<script>
					var data_temp;
					function onSuccess(data, status)
							{
								data_temp = data;
								$("#notification").html(data);
								$("#list_default").html(data_temp);
							}
					function onSuccess_page2(data, status)
							{
								$("#list_search").html(data);
							}
					function onError(data, status)
							{
								//alert("false"); 
								// handle an error
							}        
							$(document).ready(function() {
							 $("#pickDate").datepicker();
								$("#submit").click(function(){
									var formData = $("#searchP").serialize();
									$.ajax({
										type: "POST",
										url: "pickup.php",
										cache: false,
										data: formData,
										success: onSuccess,
										error: onError
									});
					 
									return false;
								});
								// function of form 2
								$("#submit_pickup").click(function(){ //id bottom
									var formData = $("#searchpickup").serialize(); // id form
									$.ajax({
										type: "POST",
										url: "pickup.php",
										cache: false,
										data: formData,
										success: onSuccess_page2,
										error: onError
									});
					 
									return false;
								});
								//form 3
								$("#submit_pickup21").click(function(){ //id bottom
									var formData = $("#searchpickup21").serialize(); // id form
									$.ajax({
										type: "POST",
										url: "pickup.php",
										cache: false,
										data: formData,
										success: onSuccess_page2,
										error: onError
									});
					 
									return false;
								});
								
							}); 	  
					</script>
					<script>
						function check_choose(param)
						{
							if (param == 'postcode')
							{
								if (document.getElementById('txt_pickup_pcode').value =="Search Postcode")
									document.getElementById('txt_pickup_pcode').value = ""; 
								document.getElementById('txt_pickup_localt').value="Search Location";
								document.getElementById('txt_pickup_street').value=" Search Street";
							}
							else 
							if (param == 'street')
							{
								document.getElementById('txt_pickup_street').value="";
								document.getElementById('txt_pickup_localt').value="Search Location";
								document.getElementById('txt_pickup_pcode').value="Search Postcode";
							}
							else 
							{
								document.getElementById('txt_pickup_localt').value="";
								document.getElementById('txt_pickup_street').value=" Search Street";
								document.getElementById('txt_pickup_pcode').value="Search Postcode";
							}
						}
						function check_choose_f21(param)
						{
							if (param == 'postcode')
							{
								if (document.getElementById('txt_pickup_pcode21').value =="Search Postcode")
									document.getElementById('txt_pickup_pcode21').value = ""; 
								document.getElementById('txt_pickup_localt21').value="Search Location";
								document.getElementById('txt_pickup_street21').value=" Search Street";
							}
							else 
							if (param == 'street')
							{
								if (document.getElementById('txt_pickup_street21').value =="Search Postcode")
								document.getElementById('txt_pickup_street21').value="";
								document.getElementById('txt_pickup_localt21').value="Search Location";
								document.getElementById('txt_pickup_pcode21').value="Search Postcode";
							}
							else 
							{
								if (document.getElementById('txt_pickup_localt21').value = "Search Location")
								document.getElementById('txt_pickup_localt21').value="";
								document.getElementById('txt_pickup_street21').value=" Search Street";
								document.getElementById('txt_pickup_pcode21').value="Search Postcode";
							}
						}
						function check_choose_f2_1(param)
						{
							if (param == 'flight')
							{
								if (document.getElementById('txt_pickup_flight').value =="Flight Number")
								document.getElementById('txt_pickup_flight').value = ""; 
								document.getElementById('txt_pickup_City').value="Flight Origin City";
							}
							else 
							if (param == 'o_city')
							{
								if ( document.getElementById('txt_pickup_City').value =="Flight Origin City")
										document.getElementById('txt_pickup_City').value="";
								document.getElementById('txt_pickup_flight').value="Flight Number";
							}
						}
					</script>
</head>
<body>
<div data-role="page" id="page1">
	<div data-role="header" data-position="inline" data-inset="true">
						<h1>Page Title</h1>
						<a href="#" data-icon="back">Back</a>
						<a href="#page2">home</a>
	</div><!-- /header -->
						<div data-role="content">
						<li>
							<form id="searchP">	
									<input type="text" id="pickDate" name="m_DateChoose"/>	
									<div data-role="fieldcontain">
											<select name="select1" id="select1" >
																<option value="1">00</option>
																<option value="1">01</option>
																<option value="2">02</option>
																<option value="3">03</option>
																<option value="4">04</option>
																<option value="5">05</option>
																<option value="6">06</option>
																<option value="7">07</option>
																<option value="8">08</option>
																<option value="9">09</option>
																<option value="10">10</option>
																<option value="11">11</option>
																<option value="12">12</option>
																<option value="13">13</option>
																<option value="14">14</option>
																<option value="15">15</option>
																<option value="16">16</option>
																<option value="17">17</option>
																<option value="18">18</option>
																<option value="19">19</option>
																<option value="20">20</option>
																<option value="21">21</option>
																<option value="22">22</option>
																<option value="23">23</option>
																
														</select>
												</div>
												<select id="selectPassenger" name="m_PassengerChoose" >
																			<option value="1-4 Passengers">1-4 Passengers</option>
																			<option value="5 Passengers">5 Passengers</option>
																			<option value="6 Passengers">6 Passengers</option>	
												</select>
									<input id="passengerName" type="text"  name="keyword" value="Passenger's Name" >
									<input type="hidden" name="key" value="list_df">
									<textarea id="bookingComments" name="comments_1" rows="5" onfocus="FocusBlurField($('#bookingComments'), 'Enter relevant information that will assist your fleet and driver with this journey.')" onblur="FocusBlurField($('#bookingComments'), 'Enter relevant information that will assist your fleet and driver with this journey.')" alt="Enter relevant information that will assist your fleet and driver with this journey." title="Enter relevant information that will assist your fleet and driver with this journey." class="textarea">
									</textarea><br>
									<input type="submit" id=submit value="Pick Up"  onClick="parent.location='#page2'"/>	
								</form>		
						</li>
						<div  >
						<b>
						<font size="5" face="arial" color="red">
						<h3 id="notification"></h3>
						</b>
						</div>
						</div>

					<div data-role="footer">
										<h4>SmallProjecTeam</h4>
					</div>
</div>
<div data-role="page" id="page2">
					<div data-role="header" data-position="inline">
										<h1>Page Title</h1>
										<a href="#page1" data-icon="back">Back</a>
										<a href="#page3" data-icon="home">home</a>
					</div>
					<div data-role="content">
										Please search for your address below or pick an airport or station from the list.
										<div id="myStyle">
											<form id="searchpickup">	
												<input type="text" value="Search Postcode" name="txt_pickup_pcode" id ="txt_pickup_pcode" onfocus="check_choose('postcode');" />   <br>   
												<input type="text" value="Search Location" name="txt_pickup_localt" id="txt_pickup_localt" onfocus="check_choose('localtion');"/>   <br>   
												<input type="text" value="Search Street" name="txt_pickup_street" id = "txt_pickup_street" onfocus="check_choose('street');"/>      
												<input type="submit" id=submit_pickup value="Search" name="submit"/>	
											</form>
										</div>
										
						<div  data-role="content" align="center">
						<div id = "list_search"></div>
						<div id = "list_default"></div>
						</div>
					</div>

					<div data-role="footer">
					<h4>SmallProjecTeam</h4>
					</div>
</div>
<div data-role="page" id="page2-1">
					<div data-role="header" data-position="inline">
										<h1>Page Title</h1>
										<a href="#page1" data-icon="back">Back</a>
										<a href="#page4" data-icon="home">home</a>
					</div>
					<div data-role="content">
										Please search for your address below or pick an airport or station from the list.
										<div id="myStyle">
											<form id="searchpickup21">	
												<input type="text" value="Search Postcode" name="txt_pickup_pcode" id ="txt_pickup_pcode21" onfocus="check_choose_f21('postcode');" />   <br>   
												<input type="text" value="Search Location" name="txt_pickup_localt" id="txt_pickup_localt21" onfocus="check_choose_f21('localtion');"/>   <br>   
												<input type="text" value="Search Street" name="txt_pickup_street" id = "txt_pickup_street21" onfocus="check_choose_f21('street');"/>      
												<input type="submit" id=submit_pickup21 value="Search" name="submit" onClick="parent.location='http://localhost/IphoneGoogleCode1/server/#page2'"/>	
											</form>
										</div>
										<div id="myStyle">
											<form id="searchpickup">	
												<input type="text" value="Flight Number" name="txt_pickup_flight" id ="txt_pickup_flight" onfocus="check_choose_f2_1('flight');" />   <br>   
												<input type="text" value="Flight Origin City" name="txt_pickup_City" id="txt_pickup_City" onfocus="check_choose_f2_1('o_city');"/>   <br>   
												<input type="submit" id=submit_pickup2_1 value="Destination" name="submit"/>	
											</form>
										</div>
						<div  data-role="content" align="center">
						<div id = "list_search1"></div>	
					</div>
					</div>
					<div data-role="footer">
					<h4>SmallProjecTeam</h4>
					</div>
</div>
<div data-role="page" id="page3">
					<div data-role="header" data-position="inline">
										<h1>Page Title</h1>
										<a href="#page2" data-icon="back">Back</a>
										<a href="#page4" data-icon="home">home</a>
					</div>
					<div data-role="content">
											<div id="me">
											<input type="text" value="Search Street/location/postcode" />
											<br><a href="#page2">Click here to return the search</a>
											<br>
										<div id = "list_default"></div>	
											<div><input  type="submit" value="Destination"/></div>
											</div>
					</div>

					<div data-role="footer">
											<h4>SmallProjecTeam</h4>
					</div>
</div>
<div data-role="page" id="page4">
					<div data-role="header" data-position="inline">
										<h1>Destination</h1>
										<a href="#page3" data-icon="back">Back</a>
										<a href="#page1" data-icon="home">home</a>
					</div>
					<div data-role="content">
											<div >	
											
											Please indicate your requirements for suitcases and child seats. If none, simply press 'Get quotes'. 
										<br>Child seats need to be booked at least 3 hours in advance.
										<br>
											<select id="Child Seat" >
																<option value="Child seat">Child seat</option>
																<option value="1">1</option>
																<option value="2">2</option>	
											</select>
											
											<select id="Luggage" >
																<option value="Luggage">Luggage</option>
																<option value="1">01</option>
																<option value="2">02</option>
																<option value="3">03</option>
																<option value="4">04</option>
																<option value="5">05</option>
																<option value="6">06</option>	
											</select>
											<div><input  type="submit" value="Destination"/></div>
											</div>
					</div>
					<div data-role="footer">
											<h4>SmallProjecTeam</h4>
					</div>
</div>


</body>
</html>
?>